<html>
    <head>
        <meta name="layout" content="mobile">
        <title>Login</title>
    </head>
    <body>
		<div data-role="header" data-position="fixed">
			<h1>Login</h1>
			<div data-role="navbar">
				<ul>
					<li><a data-icon="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
				</ul>
			</div>
		</div>
		<div data-role="content">
			<g:if test="${flash.message}">
				<div class="login_message">${flash.message}</div>
			</g:if>
			<form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
				<dl>
					<dt><label for='j_username'>Login ID</label></dt>
					<dd><input type='text' class='text_' name='j_username' id='j_username' value='${request.remoteUser}' /></dd>	
					
					<dt><label for='j_password'>Password</label></dt>
					<dd><input type='password' class='text_' name='j_password' id='j_password' /></dd>	
					
					<dt><label for='remember_me'>Remember me</label></dt>
					<dd><input type='checkbox' class='chk' name='_spring_security_remember_me' id='remember_me'<g:if test='${hasCookie}'>checked='checked'</g:if> /></dd>
				</dl>
				<input type='submit' value='Login' />
			</form>

		</div>
		<div data-role="footer">
		</div>
    </body>
</html>
